import React, { memo } from 'react';

import PlayerInfo from "./cpns/player-info";
import PlayerComment from "./cpns/player-comment";
import PlayerSongs from "./cpns/player-songs";
import PlayerRelevant from "./cpns/player-relevant";
import { PlayerWrapper, PlayerLeft, PlayerRight } from "./style";

const Player = memo(() => {
  return (
    <PlayerWrapper>
      <div className="content wrap-v2">
        <PlayerLeft>
          <PlayerInfo />
          <PlayerComment />
        </PlayerLeft>

        <PlayerRight>
          <PlayerSongs />
          <PlayerRelevant />
        </PlayerRight>
      </div>
    </PlayerWrapper>
  )
})

export default Player